<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>车主认证</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<style type="text/css">
			.mui-input-group{border: 1px solid #ddd;border-radius: 8px;}
			.mui-input-group .mui-input-row{height: 50px;padding: 4px 0;}
			.mui-input-group .mui-input-row:after{background: #ddd;}
			.mui-input-group .mui-input-row:last-child:after{height: 0;}
			em{
				position: absolute;
				right: 5%;
				top:13px
			}

		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left color6" href="Personal.html"></a>
			<h1 class="mui-title color6">车主认证</h1>
		</header>
		<div class="mui-content">
			<div class="p_tb11_lr15">
				<p class="p_tb3_lr15 font12">基本信息</p>
				<form class="mui-input-group">
				    <div class="mui-input-row">
				        <label style="width: 26%!important;padding-right: 0;">真实姓名</label>
				        <input type="text" class="mui-text-right font16" style="width: 60%!important;" placeholder="请填写真实姓名" id="j_truename">
				       <em style="color: red;"></em>
				    </div>
				    <div class="mui-input-row">
				        <label style="width: 26%!important;padding-right: 0;">身份证号</label>
				        <input type="text" class="mui-text-right font16" placeholder="请填写18位身份证号" id="j_idcard">
				         <em style="color: red;"></em>
				    </div>
				</form>
			</div>
			<div class="p_tb11_lr15">
				<p class="p_tb3_lr15 font12">行驶证信息</p>
				<form class="mui-input-group">
				    <div class="mui-input-row">
				        <label style="width: 26%!important;padding-right: 0;">发动机号</label>
				        <input type="text" class="mui-text-right font16" placeholder="行驶证上发动机号码" id="j_enginenum">
				         <em style="color: red;"></em>
				    </div>
				    <div class="mui-input-row">
				        <label style="width: 26%!important;padding-right: 0;">车架号</label>
				        <input type="text" class="mui-text-right font16" placeholder="行驶证上车辆识别代码" id="j_framenum">
				         <em style="color: red;"></em>
				    </div>
				    <div class="mui-input-row">
				        <label style="width: 26%!important;padding-right: 0;">车牌号</label>
				        <input type="text" class="mui-text-right font16" placeholder="请输入车牌号" id="j_platenum">
				         <em style="color: red;float: right;"></em>
				    </div>
				</form>
			</div>
			<div class="p_tb11_lr15">
				<form class="mui-input-group">
				    <div class="mui-input-row">
				        <label style="width: 26%!important;padding-right: 0;">车辆车型</label>
				        <input type="text" class="mui-text-right font16" placeholder="请输入车辆型号" id="j_carmodel">
				    </div>
				</form>
			</div>
		    <button type="button" class="mui-btn mui-btn-green bg_green btn-green w80 m_lr10 m_t30 p_tb11_lr15 font16 bg_P b_r8" id="submit_btn">提交审核</button>
			
			<!--认证进度-->
			<div class="alert_window bg_white mui-hidden">
				<!--等待审核-->
				<p class="mui-text-center color3 w70 m_lr15 p_tb30P"><i class="iconfont mui-icon colorP font100">&#xe606;</i><br /><br />您的资料系统正在审核，审核通过 后系统将会以短信的方式通知您。</p>
				<!--审核失败-->
				<p class="mui-text-center color3 w70 m_lr15 p_tb30P mui-hidden"><i class="iconfont mui-icon color_red font100">&#xe619;</i><br /><br />由于您填写错误或提交的个人信息 不真实导致审核失败！请重新填写 个人信息进行认证。</p>
				<!--审核成功-->
				<p class="mui-text-center color3 w70 m_lr15 p_tb30P mui-hidden"><i class="iconfont mui-icon colorP font100">&#xe72c;</i><br /><br />恭喜您的资料认证通过，棒棒哒！</p>
			</div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script src="../js/app/authentication.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
//		$('#submit_btn').on('tap',function(){
//			$('.mui-title').html('认证进度');
//			$('.alert_window').removeClass('mui-hidden');
//		})
	</script>
</html>